#49A8C3

Color Details

HEX
#49A8C3
RGB
rgb(73, 168, 195)
HSL
hsl(193, 50%, 53%)
CMYK
cmyk(63%, 14%, 0%, 24%)
Best text on this color #000000 (CR 7.67:1) Determined by WCAG contrast ratio

Readability Previews

Black on #49a8c3
Contrast 7.67:1 AAA
White on #49a8c3
Contrast 2.74:1 Fail
#49a8c3 on Black
Contrast 7.67:1 AAA
#49a8c3 on White
Contrast 2.74:1 Fail

Tints & Shades

#6db9cf
#92cbdb
#b6dce7
#3a869c
#2c6575
#1d434e

Complement & Analogous

#c3654b
#4b6dc3
#4bc3a1

Triadic

#c34ba9
#a9c34b

Monochrome

#1d434e #2c6575 #49a8c3 #92cbdb #b6dce7 #dbeef3

Analogous

#4bc3a1 #81d5bd #49a8c3 #6f8acf #4b6dc3 #3c579c

Complementary Mix

#2c6575 #49a8c3 #92cbdb #c3654b #d89b8a #7f4231

Nearby Colors

#49a8c2
#49a8c4
#49a8b3
#49a8d3

Embed #49A8C3 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #49A8C3

#49A8C3 converts to RGB(73, 168, 195) and HSL(193, 50%, 53%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#49A8C3 FAQs

What is the RGB value of #49A8C3?
RGB: 73, 168, 195. Copy as CSS: rgb(73, 168, 195)
Is #49A8C3 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #49A8C3?
Complement: #c3654b.
Does #49A8C3 have good contrast on white or black?
On white: 2.74:1 (Fails AA). On black: 7.67:1 (AAA (normal text)).